Laporan Praktikum Web 8

1. Buat Folder Laravel dan Install Global Laravel

Pertama, buat folder/workspace di dalam folder htdocs, kita sepakati dengan nama Laravel.

Untuk membuat project baru Laravel, gunakan Composer dengan mengetikkan perintah berikut di workspace:

composer create-project laravel/laravel=^12.0 laravel-sisfo --prefer-dist

Untuk menjalankan project, gunakan perintah berikut:

php artisan serve

Instalasi Laravel

2. Konfigurasi Database

Buka file .env dan isikan konfigurasi database berikut ini:

Konfigurasi Database

3. User Authentication

Install package Laravel/ui

Buka terminal/cmd dan ketikkan perintah berikut:

composer require laravel/ui

Install Laravel UI

Fitur Authentication

Ketikkan perintah berikut di terminal/cmd:

php artisan ui bootstrap --auth

Jika berhasil, ketikkan perintah berikut:

npm install && npm run dev

Authentication

4. Kostum Tabel User

Kostum Tabel User

Dari struktur tabel users di atas, perlu ditambahkan beberapa field yaitu username, level, dan status. Buat migration untuk menambahkan field-field tersebut dengan perintah:

php artisan make:migration custom_table_users

Selanjutnya, buka folder database/migration/ dan isi kode sesuai gambar berikut:

Migration

Setelah selesai, struktur tabel akan berubah seperti berikut:

Struktur Tabel

5. Membuat Seeding User

Buat seeder dengan nama AdminSeeder menggunakan perintah:

php artisan make:seeder AdminSeeder

File AdminSeeder.php akan otomatis dibuat di folder database/Seeder. Buka file tersebut dan buat akun admin seperti kode berikut:

Admin Seeder

Untuk menjalankan seeding, gunakan perintah:

php artisan db:seed --class=AdminSeeder

Jika berhasil, tampilannya akan seperti gambar berikut:

Hasil Seeding

6. Templating atau Layouting

Download template dari link sb-admin-2, kemudian ekstrak. Buat folder di public project Laravel dengan nama sbadmin dan copy paste seluruh asset template sbadmin ke dalam folder tersebut.

Buka file app.blade.php di folder view/layouts dan isi dengan kode berikut:

App Blade

Sehingga tampilan login akan berubah seperti gambar di bawah ini:

Tampilan Login

7. Layout Global

Buat layout global yang akan digunakan sebagai layout utama aplikasi. Karena app.blade.php sudah digunakan untuk view login, kita perlu membuat layout baru. Buat file dengan nama main.blade.php di folder view/layouts dan isikan dengan kode sesuai gambar:

Layout Global Layout Global Layout Global

8. Sidebar

Buat file di folder layouts dengan nama sidebar.blade.php dan isi dengan kode berikut:

Sidebar

9. Topbar

Buat file di folder layouts dengan nama topbar.blade.php dan isi dengan kode berikut:

Topbar

10. Cara Penggunaan Layouts main.blade.php

Contoh penggunaan view home.blade.php, buka file tersebut dan isikan dengan kode berikut:

Home View

Hasilnya

Hasil